/**
 * @widoc $.styleHelper
 * @namespace aux
 * @des transition 辅助接口处理
 * @type object
 * @attr {string} prefix 获取当前浏览器样式前缀
 * @attr {function} translateName(style) 根据当前浏览器样式前缀翻译样式名（驼峰式）
 * @attr {function} getValue(el,name) 获取 el 的样式中 name 对应的值
 *  - name {string} 如:'width','color'
 */
(function(){
    var PREFIX = (function(){
        var dummyStyle = document.createElement('div').style;
        var vendors = 't,webkitT,MozT,msT,OT'.split(',');
        for(var t, i = 0, l = vendors.length; i < l; i++){
            t = vendors[i] + 'ransform';
            if(t in dummyStyle){
                return vendors[i].substr(0, vendors[i].length - 1);
            }
        }
        return false;
    })();
    $.styleHelper = {
        prefix: PREFIX,
        translateName: function(style){// 根据浏览器前缀翻译 style 属性名
            if(PREFIX === ''){
                return style;
            }
            style = style.charAt(0).toUpperCase() + style.substr(1);
            return PREFIX + style;
        },
        getValue: function(el, name){
            var dom = el.get(0);
            if(dom.currentStyle){// IE
                return dom.currentStyle[name];
            }
            else if(window.getComputedStyle){
                return window.getComputedStyle(dom)[name];// dom元素,伪元素字符串（如“:after”）
            }
            return dom.style[name];// finally try and get inline style
        }
    };
})();